.contact-hero {
  min-height: 95vh;
  background:
    linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)),
    url("contact-hero.jpg") center / cover no-repeat;
}

.contact-hero h1 {
  letter-spacing: -0.5px;
}

#contact-info .bg-white {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#contact-info .bg-white:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.15);
}


@media (max-width: 992px) {
  .contact-hero h1 {
    font-size: 2rem;
  }
  .contact-hero p {
    font-size: 1rem;
  }
  #contactForm {
    padding: 2rem 1.5rem;
  }
}
@media (max-width: 576px) {
  .contact-hero {
    min-height: 90vh;
  }
  .contact-hero .btn {
    width: 100%;
  }
}